<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>英语刷题系统-学生端</title>
    <link rel="stylesheet" type="text/css" href="/css/English_test_home.css">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar">
    <div class="logo">英语刷题系统</div>
    <div class="nav-links">
        <span th:text="'欢迎您，' + ${session.user.username} + '同学！'"></span>
        <a href="wrong_questions">我的错题</a>
        <a href="login">退出登录</a>
    </div>
</nav>

<!-- 欢迎区域 -->
<section class="hero">
    <h1>提升英语核心能力</h1>
    <p>专为四六级、考研英语设计的阅读理解和写作翻译训练平台，通过科学系统的练习提升您的英语应试能力</p>
    <button class="start-btn" onclick="location.href='/practise'">真题练习</button>
    <button class="start-btn" onclick="location.href='/api/words/word_practice'">单词练习</button>
</section>

<!-- 功能介绍 -->
<section class="features">
    <h2 class="section-title">系统特色</h2>
    <div class="features-grid">
        <div class="feature-card">
            <div class="feature-icon">📖</div>
            <h3>阅读理解训练</h3>
            <p>精选历年真题和模拟题，涵盖多种题型，帮助您掌握快速阅读和精准理解的技巧。</p>
        </div>
        <div class="feature-card">
            <div class="feature-icon">✍️</div>
            <h3>写作批改系统</h3>
            <p>人工点评模式，从结构、语法、词汇多维度提升写作水平。</p>
        </div>
        <div class="feature-card">
            <div class="feature-icon">🌐</div>
            <h3>翻译实践平台</h3>
            <p>中英互译练习，涵盖文学、科技、商务等多领域，培养准确流畅的翻译能力。</p>
        </div>
    </div>
</section>

<!-- 考试类型 -->
<section class="exam-types">
    <h2 class="section-title">训练课程</h2>
    <p>我们提供针对不同英语考试的专项训练内容</p>
    <div class="exam-cards">
        <div class="exam-card">
            <h3>大学英语四级</h3>
            <p>包含四级全部题型训练，重点突破阅读和翻译部分。</p>
        </div>
        <div class="exam-card">
            <h3>大学英语六级</h3>
            <p>高阶阅读理解和写作训练，提升六级应试能力。</p>
        </div>
        <div class="exam-card">
            <h3>考研英语</h3>
            <p>针对考研英语一/二的专项训练，强化长难句分析和学术写作。</p>
        </div>
    </div>
</section>

<footer>
    <p>© 2025 英语能力训练系统 - 专注提升您的英语核心能力</p>
</footer>
</body>
</html>